@charset "UTF-8";
/*------------------------------------------------------
 top / 2022
------------------------------------------------------*/
/* ---- sliderSet ---- */
.sliderSet{
	position: relative;
	overflow: hidden;
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
.sliderSet .slider .panel{
	height: 434px;
	padding: 0;
	margin: 15px 15px 45px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.sliderSet .slider .panel > a{
	width:100%;
}
.sliderSet .slider .panel-box{
	position: absolute;
	top:0;
	z-index: 2;
}
.sliderSet .slider .panel-box .panel-after{
	position: relative;
	height: 434px;
	width: 44vw;
	min-width: 400px;
}
.sliderSet .slider .panel-box .panel-after:after{
	content: '';
	position: absolute;
  top: 0;
	left: 0;
	width: 100%;
	border-top: 434px solid #001F6B;
	border-right: 150px solid transparent;
	z-index: 1;
}
.sliderSet .slider .panel-box .panel-txt-box{
	position: relative;
	z-index: 3;
	color: #fff;
	padding: 50px 20px;
	box-sizing: border-box;
}
.sliderSet .slider .panel-box .panel-txt-box .panel-txt{
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.sliderSet .slider .panel-box .panel-txt-box .panel-txt .panel-txtS{
	display: block;
	font-size: 18px;
	font-weight: normal;
}

.sliderSet .slider .panel-box .panel-txt-box .icn-arrow{color: #fff!important;}
.sliderSet .slider .panel-box .panel-txt-box .icn-arrow:after{
	background: url("/assets/images/icon_arrow_white.png") 0 center no-repeat;
	width: 20px;
	height: 16px;
	background-size: contain;
}
.sliderSet .slider a .icn-arrow {
  background-image: linear-gradient(90deg, #fff, #fff);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.6s;
}
.sliderSet .slider .panel .panel-img{
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
}
.sliderSet .slider .panel .panel-img picture{width: 100%;}
.sliderSet .slider .panel .panel-img picture img{
	min-height: 434px;
	width: 100%;
	object-fit: cover;
}
/* slick-arrow */
.sliderSet .slick-arrow{
	white-space:nowrap;
	text-indent:100%;
	display:block;
	background:none;
	font-size: 0;
	width:6px;
	height:15px;
	/*margin-top:-15px;*/
	overflow:hidden;
	border:0;
	border-radius:0;
	-webkit-appearance:none;
	appearance:none;
	outline:none;
	cursor:pointer;
	position:absolute;
	bottom:5px;
	z-index:1;
}
.sliderSet .slick-arrow:focus{outline: auto;}
.sliderSet .slick-prev{
	left:50%;
	margin-left: -100px;
}
.sliderSet .slick-next{
	right:50%;
	transform: scaleX(-1);
	margin-right: -100px;
}
.sliderSet .slick-arrow::before{
	content:"";
	box-sizing:border-box;
	width:36px;
	height:36px;
	border-top:2px solid #1566CC;
	border-left:2px solid #1566CC;
	position:absolute;
	left:0;
	transform:translate(20%, -50%) rotate(-45deg);
	transition:border .3s;
}
html:not(.touchDevice) .slick-arrow:hover::before{border-color:#0072bf;}

/* slick-dots */
.sliderSet .slick-dots{
	position: absolute;
	bottom: 1px;
	left:50%;
	transform: translateX(-50%);
	line-height:3px;
	text-align:center;
	z-index: 10;
}
.sliderSet .slick-dots li{
	display:inline-block;
	vertical-align:top;
}
.sliderSet .slick-dots li+li{margin-left:5px;}
.sliderSet .slick-dots button{
	white-space:nowrap;
	text-indent:100%;
	font-size: 0;
	display:block;
	background: transparent;
	overflow:hidden;
	border:0;
	-webkit-appearance:none;
	appearance:none;
	outline:none;
	cursor:pointer;
	position: relative;
	width:20px;
	height:20px;
}
.sliderSet .slick-dots button::after{
	content: '';
	position: absolute;
	top:2px;
	bottom: 2px;
	left:2px;
	right: 2px;
	background:#b2b2b2;
	width:13px;
	height:13px;
	z-index: -1;
}
.sliderSet .slick-dots .slick-active button::after,
html:not(.touchDevice) .slick-dots button:hover::after{background:#E40046;}

.sliderSet .buttons {
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 120px;
  display: flex;
  justify-content: center;
	z-index: 10;
}
.sliderSet .buttons .button {
	line-height: 0;
  text-align: center;
  width: 15px;
	height: 15px;
	margin-left: 10px;
}
.sliderSet .buttons .button:hover {
  cursor: pointer;
	opacity: .6;
}
/*.sliderSet .main-txt{
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	padding: 0 6.07%;
	max-width: calc(1200px + 12.14%);
	position: absolute;
	left:50%;
	transform: translate(-50%, 0);
	bottom: 0;
	z-index: 1;
	text-align: right;
}

.sliderSet .main-txt span {
  display: block;
	position: relative;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
.sliderSet .main-txt.enter span{
	opacity: 1;
	transition-delay: 1.2s;
}
.sliderSet .main-txt span:after{
	content: '';
	position: absolute;
	top:0;
	bottom: 0;
	right: 0;
	background: #fff;
	width: 300px;
	transition: all 0.2s ease-in-out;
}
.sliderSet .main-txt.enter span:after {
	width: 0;
	transition-duration: .6s;
	transition-delay: 1.8s;
	transition-timing-function: ease-out;
}
.sliderSet .main-txt img{max-width: 300px;}*/

/* ---- inner ---- */
section .inner{
	width: 100%;
	margin: 0 auto;
	padding: 64px 6.07% 64px;
	max-width: calc(1200px + 12.14%);
}
#news-area .inner{padding: 40px 6.07% 40px;}
#event-area .inner,
#importantNotices-area .inner,
#banner-area .inner{padding: 40px 6.07% 40px;}

/* ---- hub-area ---- */
#hub-area{
	/*position: relative;*/
	background: #ECEFF1;
	margin: 35px 15px 0;
}
#hub-area::after{
/*	content: "";
	position: absolute;
	right: -1600px;
	bottom: -300px;
	transform: skewY(-5deg);
  transform-origin: bottom left;
	width: calc((100vw - 30px));
	height: 300px;
	background: #fff;
	transition: all 0.2s ease-in-out;*/
}
#hub-area.enter::after{
/*	right: 0;
	transition-duration: .6s;
	transition-timing-function: ease-out;		*/
}
#hub-area .ttl-img{margin-bottom:30px;}
#hub-area .ttl-img img{width: auto;}
#hub-area .row{position: relative;z-index: 1;}
#hub-area .row .item{
	color: #1566CC;
	line-height: 1.6;
	font-size: 14px;
	background: #fff;
	padding: 10px 10px 50px;
	box-sizing: border-box;
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, .3);
	transition:all 0.3s ease 0.1s;
	position: relative;
	margin-bottom: 30px;
}
#hub-area .row .item:hover{
	color: #0046A0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
#hub-area .row .item:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 15px;
	right: 20px;
	width: 15px;
	height: 15px;
	background:url(/assets/images/icon_link_arrow_blue.svg) 0 0 no-repeat;
	background-size:cover;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}
#hub-area .row .item:hover:after{
	background-image: url(/assets/images/icon_link_arrow_o.svg);
	right: 15px;
	opacity: 1;
}
#hub-area .row .item figure{
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
#hub-area .row .item img{
	width: 100%;
	transition: all 0.2s;
}
#hub-area .row .item:hover figure img{transform: scale(1.05);}


/* ---- news-area ---- */
/* ---- event-area ---- */
#news-area{
	position: relative;
	z-index: 1;
}
#event-area{
	background: #ECEFF1;
	margin: 35px 15px 0;
}
#news-area .ttl,
#event-area .ttl{
	font-size: 30px;
	border-bottom: 1px solid #D7D7E1;
	margin-bottom: 35px;
}
#news-area .info{
	display: flex;
	align-items: center;
	column-gap: 20px;
	line-height: 1.6;
	margin-bottom: 40px;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#news-area .info dt{
	font-size: 18px;
	text-align: center;
	color: #E40046;
	min-width: 140px;
	border-left: 1px solid #001F6B;
	border-right: 1px solid #001F6B;
	padding: 10px 20px;
	box-sizing: border-box;
}
#news-area .info dd{
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
	width: calc(100% - 160px);
}
/* ---- importantNotices-area ---- */
#importantNotices-area .list{margin-top: 10px;}
#importantNotices-area .list li{
	border-top: 1px solid #D7D7E1;
	padding: 20px 0;
	box-sizing: border-box;
}
#importantNotices-area .list li:last-child{border-bottom: 1px solid #D7D7E1;}

/* ---- banner-area ---- */
#banner-area{
	background: #dce8f8;
	margin: 70px 15px 0;
}
#banner-area .banner-box a{
	display: block;
	width: 100%;
	color: #1566CC;
}
#banner-area .banner-box a .banner-img{
	display: block;
	overflow: hidden;
}
#banner-area .banner-box a .banner-img img{
	width: 100%;
	transition: all 0.2s;
}
#banner-area .banner-box a:hover .banner-img img{transform: scale(1.05);}
#banner-area .banner-box a .banner-txt{
	display: block;
	font-size: 14px;
	margin-top: 10px;
}
#banner-area .banner-box a:hover .banner-txt {
    color: #0046a0;
}
@media screen and (max-width: 960px) {
/*------------------------------------------------------
 top / 2022
------------------------------------------------------*/
/* ---- sliderSet ---- */
.sliderSet{}
.sliderSet .slider .panel{
	height: 404px;
	overflow: hidden;
	display: block;
	position: relative;
}
.sliderSet .slider .panel-box{
	position: absolute;
	background: #001F6B;
	height: 190px;
	bottom: 0;
	top: inherit;
	width: 100%;
}
.sliderSet .slider .panel-box .panel-after{
	height: inherit;
	width: 100%;
	min-width: inherit;
}
.sliderSet .slider .panel-box .panel-after:after{
	content: '';
	position: absolute;
  top: -89px;
	left: -2;
	border-top: none;
	border-bottom: 90px solid #001F6B;
  border-right: none;
	border-left: 100vw solid transparent;
	z-index: 1;
}
.sliderSet .slider .panel-box .panel-txt-box{padding: 5px 20px 10px;}
.sliderSet .slider .panel-box .panel-txt-box .panel-txt{font-size: 20px;}
.sliderSet .slider .panel-box .panel-txt-box .panel-txt .panel-txtS{font-size: 14px;}


.sliderSet .slider .panel .panel-img picture img{
	min-height: 248px;
	max-height: 248px;
	object-fit: cover;
}


/* ---- inner ---- */
section .inner{padding: 64px 6.07% 64px;}
#news-area .inner{padding: 20px 6.07% 20px;}
#event-area .inner,
#importantNotices-area .inner,
#banner-area .inner{padding: 40px 6.07% 40px;}

/* ---- hub-area ---- */
#hub-area {margin: 50px 15px 0;}
#hub-area .ttl-img{
	width: 50%;
	margin-bottom: 20px;
}
#hub-area .ttl-img img{width: 100%;}
#hub-area .ttl-img.animation-in-fadeSlide{transform: translateY(0px);}

/* ---- banner-area ---- */
#banner-area{margin: 0 15px 0;}

/* ---- news-area ---- */
/* ---- event-area ---- */
#news-area .info{display: block;}
#news-area .info dt{
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	min-width: inherit;
	border-left: none;
	border-right: none;
	padding: 0;
}
#news-area .info dd{padding: 0;width: 100%;}

}


@media screen and (max-width: 520px) {
/*------------------------------------------------------
 top / 2022
------------------------------------------------------*/
/* ---- sliderSet ---- */




}

@media screen and (min-width: 521px) {
  .sliderSet .slider a:hover .icn-arrow {
    background-size: 100% 1px;
  }
}